<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>group</title>
    <link rel="stylesheet" href="../../model/view.css">
</head>
<body>
<div class="catalog">
    <h2>目录</h2>
    <ul>
        <li>
            <p><a href="#element">< group ></a></p>
        </li>
        <li>
            <p><a href="#style">类型</a></p>
            <ul id="catalog_style">

            </ul>
        </li>
    </ul>
</div>
<div id="element">
    <h2>group</h2>
    <div>简介:</div>
    <p>最常用标签,多用于网格布局的按钮</p>
</div>
<div id="style"></div>
<div></div>
<script src="../../js/script_min.js"></script>
<script src="../../model/view.js"></script>
<script>
    let group = new view("group");
    group.init([
        {style:1,data:[
            {img:"img/group-style1.png",code:`
        <group attr="26,27" height="90" margin="0,0,0,0" btn="h90">
            <button ripple="#E6E6FA" >
                <img>img.center_order.png</img>
                <p font="14,#7b7b7b" margin="0,8,0,0">我的订单</p>
            </button>
            <button  ripple="#E6E6FA">
                <img>img.center_visual_hear.png</img>
                <p font="14,#7b7b7b"  margin="0,8,0,0">我的视听室</p>
            </button>
            <button ripple="#E6E6FA">
                <img>img.center_test.png</img>
                <p font="14,#7b7b7b"  margin="0,8,0,0">我的测试</p>
            </button>
            <button click="ServerAgent.invoke('bills_user')" ripple="#E6E6FA">
                <img>img.center_wallet.png</img>
                <p font="14,#7b7b7b"  margin="0,8,0,0">我的钱包</p>
            </button>
        </group>`,title:"常用"},
        ]},
        {style:2,data:[
            {img:"",code:`<asdf a="ffffffff">ffffffff</asdf>`,title:"常用"},
        ]},
        {style:3,data:[
            {img:"img/group-style3.png",code:`
        <group id="days" num="3" style="3" btn="h40,w90" height="40" padding="13,0,13,0" font="15,#1a1717" spacing="0,30">
            <button><p font="#000000,13" val="document.arguments.days[0]"/></button>
            <button><p font="#000000,13" val="document.arguments.days[1]"/></button>
            <button><p font="#000000,13" val="document.arguments.days[2]"/></button>
            <button><p font="#000000,13" val="document.arguments.days[3]"/></button>
            <button><p font="#000000,13" val="document.arguments.days[4]"/></button>
            <button><p font="#000000,13" val="document.arguments.days[5]"/></button>
            <button><p font="#000000,13" val="document.arguments.days[6]"/></button>
            <button><p font="#000000,13" val="document.arguments.days[7]"/></button>
            <button><p font="#000000,13" val="document.arguments.days[8]"/></button>
            <button><p font="#000000,13" val="document.arguments.days[9]"/></button>
        </group>`,title:"常用"},
        ]},
        {style:4,data:[
            {img:"",code:`<asdf a="ffffffff">ffffffff</asdf>`,title:"常用"},
        ]},
        {style:5,data:[
            {img:"img/group-style5.png",code:`
                <group style="5" height="170" id="imgLoad" time="4">
                    <button><img>img.banner_01.png</img></button>
                    <button><img>img.banner_02.png</img></button>
                    <button><img>img.banner_03.png</img></button>
                    <button><img>img.banner_04.png</img></button>
                </group>`,title:"常用"},
        ]},
        {style:6,data:[
            {img:"img/group-style6.png",code:`
        <group style="6">
            <button><img>img.welcome_1.jpg</img></button>
            <button><img>img.welcome_2.jpg</img></button>
            <button><img>img.welcome_3.jpg</img></button>
        </group>`,title:"常用"},
        ]},
        {style:7,data:[
            {img:"",code:`<asdf a="ffffffff">ffffffff</asdf>`,title:"常用"},
        ]},
    ]);
</script>
<div class="author"><p>by-沛华</p></div>
</body>
</html>